<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>博客</title>
    <link href="/public/css/main.css" rel="stylesheet" type="text/css" />
    <link
      href="/public/fontAwesome/css/font-awesome.min.css"
      rel="stylesheet"
      type="text/css"
    />
  </head>

  <body>
    <header>
      <div class="backimg"><img src="/public/images/IMG_0293.JPG" /></div>
      <div class="logo">
        <span></span><img src="/public/images/00002637.png" />
      </div>
    </header>

    <nav>
      <div class="menu">
        {%if category==''%}
        <a href="/" class="focus">首页</a>
        {%else%}
        <a href="/">首页</a>
        {%endif%} {% for cate in categories%} {%if category==cate.id%}
        <a href="/?category={{ cate.id }}" class="focus">{{
          cate.name.toString()
        }}</a>
        {%else%}
        <a href="/?category={{ cate.id }}">{{ cate.name.toString() }}</a>
        {%endif%} {%endfor%}
      </div>
    </nav>

    <main class="clear">
      <div class="mainLeft">
        {%block content%}{%endblock%}
      </div>

      <div class="mainRight">
        {% if userInfo._id %}
        <div class="rightBox" id="userInfo">
          <div class="title"><span>用户信息</span></div>
          <p>
            <span class="colDark">{{ userInfo.username }}</span>
          </p>
          {%if userInfo.isAdmin%}
          <p>
            <span class="colDanger">你好,管理员</span>
            <a href="/admin">进入管理</a>
          </p>
          {%else%}
          <p>
            <span class="colDanger">你好，欢迎光临我的博客</span>
          </p>
          {%endif%}
          <p>
            <span class="colDark"><a href="/logout" id="logout">退出</a></span>
          </p>
        </div>
        {% else %}
        <div class="rightBox" id="loginBox">
          <div class="title"><span>登录</span></div>
          <div class="line">
            <span class="colDark">用户名：</span
            ><input name="username" type="text" /><em></em>
          </div>
          <div class="line">
            <span class="colDark">密码：</span
            ><input name="password" type="password" /><em></em>
          </div>
          <div class="line">
            <span class="colDark"></span><button>登 录</button>
          </div>
          <p class="textRight">
            还没注册？<a href="#" class="colMint">马上注册</a>
          </p>
          <p class="colWarning textCenter"></p>
        </div>

        <div class="rightBox" id="registerBox" style="display:none">
          <div class="title"><span>注册</span></div>
          <div class="line">
            <span class="colDark">用户名：</span>
            <input name="username" type="text" />
          </div>
          <div class="line">
            <span class="colDark">密码：</span>
            <input name="password" type="password" />
          </div>
          <div class="line">
            <span class="colDark">确认：</span>
            <input name="repassword" type="password" />
          </div>
          <div class="line">
            <span class="colDark"></span><button>注 册</button>
          </div>
          <p class="textRight">
            已有账号？<a href="#" class="colMint">马上登录</a>
          </p>
          <p class="colWarning textCenter"></p>
        </div>
        {% endif %}
        <div class="rightBox">
          <div class="title"><span>社区</span></div>
          <p>
            <a href="http://www.miaov.com" target="_blank" class="colDanger"
              >妙味课堂</a
            >
          </p>
          <p>
            <a href="http://bbs.miaov.com" target="_blank" class="colDanger"
              >妙味茶馆</a
            >
          </p>
        </div>
      </div>
    </main>

    <div class="copyright textCenter">
      Copyright © miaov.com 版权所有 | 京ICP备08102442号
    </div>
  </body>
</html>

<script src="/public/js/jquery-1.12.4.min.js"></script>
<script src="/public/js/index.js"></script>
<script src="/public/js/comment.js"></script>
